/**
 *  学习目标：使用useEffect的第二个参数
 * 
 * `useEffect` Hook 看做 `componentDidMount`，`componentDidUpdate` 和 `componentWillUnmount` 这三个函数的组合。
 */
import React, { useEffect, useState } from 'react';

export default function App() {
    const [count, setCount] = useState(0)

    // useEffect(() => {
    //     console.log('执行了');
    //     document.title = count
    //     // eslint-disable-next-line react-hooks/exhaustive-deps
    // 第二个参数[] 代表挂载时的钩子函数，等价于 componentDidMount
    // }, []) 

    useEffect(() => {
        console.log('执行了');
        document.title = count
        // 第二个参数传变量名 ，为依赖项 相当于vue中的侦听器
    }, [count])

    return (
        <div>
            count--{count}
            <button onClick={() => setCount(count + 1)}>修改title</button>
        </div>
    );

}

export const functionName = (params) => {

}
